$(function(){
    var num = 6;//需要输入的车牌数
    
    //切换键盘
    $('.changeContentBtn').click(function(){
        if($(this).html()=='ABC'){
            $('#textBox').show();
            $('#provienceBox').hide();
        }else{
            $('#textBox').hide();
            $('#provienceBox').show();
        }
    })
    //新能源点击事件
    $('.xinnengyuan').click(function(){
        num += 1;
        $(this).removeClass('xinnengyuan');

        var current = get_input();
        if (current.index() + 1 == num)
            $(current).removeClass('active').next().addClass('active');
        // $(this).css('display','none');
        // $('.new_vech').css('display','inline-block');
    })

    function get_input(){
        return $('.inpu ul li.active') || $('.inpu ul li:first');
    }

    //自定义键盘处理函数
    function keyboard(num, char){
        var current = get_input();
        var index   = current.index();
        if (index > num)
            return;

        $(current).html(char);
        if (index < num)
            $(current).removeClass('active').next().addClass('active');

        if (index == 0){
            $('#textBox').show();
            $('#provienceBox').hide();
        }
    }

    //回退按钮点击事件
    $('.deleteBtn').click(function(){

        var current = get_input();
        var end     = $('.inpu ul li:last');
        var val     = $(current).html();
        $(current).html('');

        if(current.index() == end.index()){
            num -= 1;
            current.addClass('xinnengyuan').removeClass('active');
            current.prev().addClass('active');
            return;
        }

        if (!val && $(current).index() > 0){
            current.removeClass('active');
            current = current.prev();
            current.addClass('active').html('');
        }
        if(current.index() == 0){
            $('#textBox').hide();
            $('#provienceBox').show();
        }
    })

    //省份键盘点击事件
    $('#provienceBox ul li:not(.other)').click(function(){
        var char = $(this).html();
        keyboard(num, char);
    })
    //文本键盘点击事件
    $('#textBox ul li:not(.other)').click(function(){
        var char = $(this).html();
        keyboard(num, char);
    })

})
